html, body, ul, li {
  padding: 0;
  margin: 0;
}

ul {
  list-style: none;
}

.container {
  position: relative;
  width: 375px;
  height: 654px;
  background-image: url(../images/bg2.jpg);
  background-size: 100%;
}

.content {
  height: 180px;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 100px;
}

.content_left_pic {
  float: left;
  width: 212px;
  height: 132px;
  margin-top: 22px;
  margin-left: 22px;
}

.content_left_pic img {
  width: 100%;
  height: 100%;
}

.right_pic {
  float: right;
  margin-right: 34px;
  height: 100%;
  width: 90px;
}

.right_pic li {
  width: 66px;
  height: 36px;
  margin: 5px auto 0;
}

.right_pic li.show {
  width: 90px;
  height: 46px;
}

.right_pic li img {
  width: 100%;
  height: 100%;
}

.btn_top {
  position: absolute;
  background: url('../images/Snipaste_2021-04-12_14-59-33.png');
  background-size: 100%;
  width: 19px;
  height: 19px;
  right: 13px;
  top: 76px;
}

.btn_bottom {
  position: absolute;
  background: url('../images/Snipaste_2021-04-12_14-59-43.png');
  background-size: 100%;
  width: 19px;
  height: 19px;
  right: 13px;
  top: 100px;
}
